@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote,th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;vertical-align: middle;
}
address, caption, cite, code, dfn, th, var, b, em {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
capation, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: ' '
}
.f12 {
	font-size: 12px;
}
.f13 {
	font-size: 13px;
}
.f14 {
	font-size: 14px;
}
.f16 {
	font-size: 16px;
}
.f18 {
	font-size: 18px;
}
.f22 {
	font-size: 22px;
}
.f24 {
	font-size: 24px;
}
.fb {
	font-weight: bold;
}
.t2 {
	text-indent: 2em;
}
.lh24 {
	line-height: 24px;
}
.lh36 {
	line-height: 36px;
}
.gray0 {
	color: #000;
}
.gray1 {
	color: #333;
}
.gray2 {
	color: #999;
}
.blue {
	color: #008bdf;
}
.write {
	color: #fff;
}
.org {
	color: #FF7D00;
}
.green {
	color: #58a722;
}
.tl {
	text-align: left;
}
.tc {
	text-align: center;
}
.tr {
	text-align: right;
}
.bc {
	margin-left: auto;
	margin-right: auto;
}
.fl {
	float: left;
	display: inline;
}
.fr {
	float: right;
	display: inline;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
*html .clearfix {
	height: 1%
}
. Clearfix {
display:block;
}
.vm {
	vertical-align: center;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.abs-right {
	position: absolute;
	right: 0;
}
.zoom {
	zoom: 1
}
.block {
	display: block;
}
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
/* Layout & Wrapper Settings */
.bk, .bk3, .bk6, .bk8, .bk10, .bk15, .bk20, .bk25, .bk30 ,.bk60 {
	clear: both;
	font-size: 0;
	height: 0;
	overflow: hidden;
}
.bk5 {
	height: 5px;
}
.bk8 {
	height: 8px;
}
.bk10 {
	height: 10px;
}
.bk15 {
	height: 15px;
}
.bk20 {
	height: 20px;
}
.bk25 {
	height: 25px;
}
.bk30 {
	height: 30px;
}
.bk60 {
	height: 60px;
}
*html {
	background-image: url(about:blank);
	background-attachment: fixed;
}
.re{ position:relative;}
body {
	font-family:"微软雅黑", "宋体", arial, Helvetica, sans-serif;
	color: #333;
	font-size:100%; background:#fff;
	
}
.lft{ float:left;}
.rgt{ float:right;}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#e71e17;
}
.wrapper {width:1200px; margin: 0 auto; position:relative; }
/*-------------------公共头&底---------------------*/
.header{position: fixed;z-index: 10;top: 0;left: 0;width: 100%;height: 95px;background: #fff;	}
.header .logo{float: left;padding-top: 22px;}
.header .fl{border-left: 1px solid #e0e0e0;padding: 20px 8px 0;height: 75px;line-height: 75px;font-size: 16px;    position: relative;}
.header .fl .link_td{padding-right: 24px; background:url(../images/ico2.jpg) no-repeat right center;color: #585757;}
.header .fl .lk_search{display: block;float: left;width: 24px;margin-right: 4px;height: 75px; background:url(../images/ico1.png) no-repeat center;}
.header .fl .lk_search:hover .row_search{display: block;}
 .lk_search .row_search{display: none;position: fixed;top: 95px;width: 100%;left: 0; background: url(../images/bg1.png) repeat;height: 56px;}
 .lk_search .row_search .poa{position: absolute;padding-top: 13px;top: 0;right: 50%;margin-right: -600px;}
 .lk_search .row_search .text{float: left;border: none 0 ;width: 236px;padding: 8px 13px;font-size: 16px;height: 16px;line-height: 16px;color: #585757;outline:none;}
 .lk_search .row_search .sbt_search{float: left;border: none 0 ;height: 32px;width: 36px;overflow: hidden;text-indent: -99px; background:url(../images/ico1a.png) no-repeat center;cursor: pointer;outline:none;}
 
.header .fl .language{float: left;color: #585757;}
.header .nav{float: right;border-right:1px solid #e0e0e0 ;}
.header .nav ul{float: left;}
.header .nav li{float: left;margin-left: 10px;position: relative;}
.header .nav li span a{display: block;padding: 20px 9px 0;line-height: 75px;height: 75px;font-size: 16px;color: #535353;}
.header .nav li.on span a{color: #e81f18;font-size: 18px;font-weight: bold;}
.header .nav li .sub{position: absolute;display: none;top: 95px;left:-200px;width:695px;text-align: center;}
.header .nav li .sub .wp{padding: 50px 0 25px; display: inline-block;*display: inline;background:url(../images/bg2.png) repeat;}
.header .nav li .sub dl{ overflow: hidden;}
.header .nav li .sub dl dt{float: left;padding: 0 18px;padding-bottom: 9999px;margin-bottom: -9999px;}
.header .nav li .sub dl strong,
.header .nav li .sub dl a{display: block;font-weight: normal;float: left;clear: both;padding: 0 14px;line-height: 24px;height: 24px;font-size: 13px;color:#fff }
.header .nav li .sub dl a:hover{color: #e71e17;}
.header .nav li .sub dl strong{font-size: 14px;color: #474747;margin-bottom: 16px;}
.header .nav li .sub dt strong{color:#fff;font-weight: bold;}
.header .nav li .sub dd{float: left;padding: 0 18px;border-left: 1px dashed #d9d9d9;padding-bottom: 9999px;margin-bottom: -9999px;}
.header .nav li .sub dd strong{color:#fff;font-weight: bold;}
.header .nav li .subnav{ width:430px; height:172px;background:url(../images/subnav.png) no-repeat left top;position: absolute;left: -155px;}
.header .nav li .subnav a{color:#fff;}
.header .nav li .sub .subnav-list{ width:168px; height:140px; float:left; padding:12px 24px; overflow:hidden; }
.header .nav li .sub .subnav-list h5{ width:168px; height:32px; font-weight:bold; font-size:14px; overflow:hidden;text-align:left;}
.header .nav li .sub .subnav-list p{ width:84px; height:35px; line-height:35px; float:left; overflow:hidden;text-align:left;text-indent: 10px; background:url(../images/subnav-list-p.png) no-repeat left 12px;font-size: 13px;}
.header .nav li .sub .subnav-img{ width:164px; height:124px; float:right; padding:24px; overflow:hidden; }
.header .nav li .sub .subnav-img img{ width:164px; height:124px;}
.header .nav li .sub1{left:-565px;width:1371px}

.header .nav li .sub .subnav-list1 h5{ height:16px; }
.header .nav li .sub .subnav-list1 p{ width:auto; }



.header .kstd{}
.header .kstd:hover dt a{color: #e81f18;}
.header .kstd:hover dd{display: block;}
.header .kstd dd{display: none;position: absolute;right: 0;top: 95px;width: 120%;text-align: center;line-height: 30px;font-size: 14px;color: #fff;padding: 10px 0; background:url(../images/bg1.png) repeat;}
.header .kstd dd a{display: block;color: #fff;	}
.header .kstd dd a:hover{background-color: #999;}

.header2{ position:static}

.footer{ background:#404040 ; padding:20px 0 0; color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#eee; text-decoration:none;}
.footer .footer-item{ float:left; width:170px; font-size:14px; line-height:28px;color: #cdcdcd;}
.footer .footer-item h3{ font-size:16px; line-height:35px; padding-bottom:5px;color: #f5f5f5;}
.footer .footer-ewm{float: right;text-align: center;width: 135px;}
.footer .footer-ewm p{line-height: 100%;padding-top: 8px;font-size: 14px;}
.footer .footer-last{ width:170px; float:right;}

.footer .footer-bottom{ clear:both; height: 50px;line-height: 50px;color: #fff;font-size: 14px; background: #313131;  text-align:left;}







a.more{display: block;width: 86px;height: 33px;text-align: right;line-height: 33px;font-size: 14px;float:right;}
a.more:hover{color:#e81f18;font-weight:bold;}



/*皮肤01*/
.skin01{ background:#F3F3F3;}
.skin01 .header{background:#A65980 url(../images/img2.png) repeat-x center bottom;  }
.skin01 .header .nav li a:hover,.skin01 .header .nav li.on a{ background:#9D557A; box-shadow:0 3px 0 #854766;}
.skin01 .footer{ background:#A65980 url(../images/img4.png) repeat-x left top; }
.skin01 .footer .footer-bottom{ border-top:1px solid #854766; }

/*皮肤02*/
.skin02{ background:#F3F3F3;}
.skin02 .header{background:#76A23D url(../images/img2.png) repeat-x center bottom;  }
.skin02 .header .nav li a:hover,.skin02 .header .nav li.on a{ background:#719B3B; box-shadow:0 3px 0 #5E8231;}
.skin02 .footer{ background:#76A23D url(../images/img4.png) repeat-x left top; }
.skin02 .footer .footer-bottom{ border-top:1px solid #5E8231; }

/*皮肤03*/
.skin03{ background:#F3F3F3;}
.skin03 .header{background:#FF792E url(../images/img2.png) repeat-x center bottom;  }
.skin03 .header .nav li a:hover,.skin03 .header .nav li.on a{ background:#D6742C; box-shadow:0 3px 0 #CC6125;}
.skin03 .footer{ background:#FF792E url(../images/img4.png) repeat-x left top; }
.skin03 .footer .footer-bottom{ border-top:1px solid #CC6125; }

/*皮肤03*/
.skin04{ background:#fff;}
.skin04 .header{background:#fff; border-bottom:1px solid #ddd; }
.skin04 .header .nav li a:hover,.skin04 .header .nav li.on a{ background:#D6742C; box-shadow:0 3px 0 #CC6125; color:#58D0B5;}
.skin04 .footer{ background:#58D0B5 url(../images/img4.png) repeat-x left top; }
.skin04 .footer .footer-bottom{ border-top:1px solid #CC6125; }





.QietuScenerNav{position: fixed;_position: absolute;_display: none;z-index: 999;right: 42px;top: 50%;margin-top: -52px;padding:0;margin:0;list-style:none; display:none;}
.QietuScenerNav li{margin-top: 6px;}
.QietuScenerNav li:first-child{margin-top: 0;}
.QietuScenerNav li a{display: block;width: 17px;height: 17px; background:url(../images/dot3.png) no-repeat center}
li.QietuScenerNavCurr a{star:expression(this.onFocus=this.blur()); background-image:url(../images/dot3a.png)}
.QietuScenerNav li.hide{display:none;}
.QietuScenerPage{position:relative;}
.QietuScenerArrow, .QietuScenerArrowBlack{background:url(../images/arrow.png) no-repeat;width:13px;height:48px;position:absolute;left:50%;margin-left:-6px;bottom:20px;transition: all 0.3s ease-in-out 0s;opacity:0;-webkit-animation: bounce-up 1.4s linear infinite;animation: bounce-up 1.4s linear infinite;}
.QietuScenerArrowBlack{background:url(../images/arrow_black.png) no-repeat;}
.active .QietuScenerArrow, .active .QietuScenerArrowBlack{opacity:1;}
.QietuScenerPage{
	text-align:left;
}
.QietuScenerPage .wrapper{ height:100%; position:relative;}





/*首页*/
.index-focus{width: 100%;margin-top:95px;}
.index-focus .bd{overflow: hidden;}
.index-focus .bd li{float: left;width: 100%;}
.index-focus .bd li a{height:600px;display: block;-webkit-background-size: auto 100%  !important;background-size: auto 100% !important;}
.index-focus .hd{position: absolute;bottom: 15px;text-align: center;width: 100%;left: 0;}
.index-focus .hd span{display: inline-block;*display: inline;*zoom: 1;width: 63px;height: 7px;background: #fff;margin: 0 3px; cursor: pointer;}
.index-focus .hd span.on{background-color: #e72019;}


#f2{background: #eee;}
.scener{}


.index-notices{background: #FFF;}
.index-notices .head{float: left;height: 302px;position: relative;width: 114px;text-align: center;background: #e81f18;}
.index-notices .head h3{position: absolute;width: 100%;top: 50%;margin-top: -40px;padding-top: 64px;line-height: 100%; background:url(../images/ico6.png) no-repeat center top;font-size: 16px;color: #fff;}
.index-notices .head i{position: absolute;top: 50%;margin-top: -10px;right: -14px;width: 14px;height: 19px; background:url(../images/ico5r.png) no-repeat center;}
.index-notices .body{float: left;width: 600px;padding: 30px 30px 0;}
.index-notices .body .top{position: relative;padding-left: 70px;height: 56px;}
.index-notices .body .top .time{position: absolute;left: 0;top: 0;background: #c3c3c3;width: 60px;line-height: 100%;height: 56px;color: #FFF;text-align: center;font-size: 12px;}
.index-notices .body .top .time i{display: block;padding:6px 0;line-height: 100%;font-size: 24px;font-style: normal;}
.index-notices .body .top h3{font-size: 16px;color: #414040;padding-top: 10px;line-height: 100%;}
.index-notices .body .top h3 a{color: #414040;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.index-notices .body .top h3 a:hover{color: #e71e17;}
.index-notices .body .top p{font-size: 13px;color: #8b8b8b;line-height:22px;padding-top: 9px;}
.index-notices .body ul{padding-top: 20px;}
.index-notices .body ul li{line-height: 30px;color: #414040;font-size: 14px;overflow: hidden;background:url(../images/jt.png) no-repeat left center;text-indent:15px;}
.index-notices .body ul li a{float: left;color: #414040;}
.index-notices .body ul li a:hover{color: #e71e17;}
.index-notices .body ul li span{float: right;font-size: 13px;}
.index-notices .body .more{margin-top: 13px;}
.index-notices .foot{width: 426px;height: 302px;float: left;}
.index-notices .foot video{width: 426px;height: 302px;}

.index-news{margin-bottom: 60px;}
.index-news .head,
.index-news .body,
.index-news .foot{float: right;}
.index-news .head i{right: auto;left: -14px; background-image:url(../images/ico5.png)}
.index-news .head h3{ background-image:url(../images/ico3.png)}

.focusBox { position: relative; width: 100%; height: 302px; overflow: hidden; font: 12px/1.5 Verdana, Geneva, sans-serif; text-align: left; background: white; }
.focusBox .pic img { width: 100%; height: 302px; display: block; }
.focusBox .txt-bg { position: absolute; bottom: 0; z-index: 1; height: 36px; width:100%;  background: #000; filter: alpha(opacity=61); opacity: 0.61; overflow: hidden; }
.focusBox .txt { position: absolute; bottom: 0; z-index: 2; height: 36px; width:100%; overflow: hidden; }
.focusBox .txt li{ height:36px; line-height:36px; position:absolute; bottom:-36px;}
.focusBox .txt li a{display: block; color: white; padding: 0 0 0 10px; font-size: 14px;  text-decoration: none; }
.focusBox .num { position: absolute; z-index: 3; bottom: 10px; right: 16px; }
.focusBox .num li{ float: left;margin-left: 4px; position: relative; width: 14px; height: 14px; line-height: 14px;text-indent: -999px; overflow: hidden; background:url(../images/dot1.png) no-repeat center;  margin-right: 1px; cursor: pointer; }
.focusBox .num li.on{ background-image:url(../images/dot1a.png) }

#f3{ background-size: auto 100% !important;}

#f3 .tit_fon{text-align: center;}
.ScenerPage2{ padding:60px 0;}
.ScenerPage3{ padding:60px 0;   text-align:center;  background-size:100% 100% !important;}
.ScenerPage4 {padding:60px 0; }
/* demo */
#demo{width:1200px;height:420px;overflow:hidden; margin-top:30px; }
#demo li{float:left;position:relative;width:115px;height:100%;overflow:hidden;cursor:pointer;}
#demo li div.v{position:absolute;width:24px;left: 50%;margin-left: -12px;height:auto;line-height:120%;top:66px;text-align:center;font-size: 16px;color: #FFF;}
#demo li div.v a{color:#FFF;text-decoration:none;}
#demo li div.v a:hover{color:#FFF;text-decoration:none;}
#demo li:first-child{width:740px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#demo li.cup  div.v{display: none;}
#demo li .txt{position: absolute;height: 100%;display: none;background: #FFF;left: 0;top: 0;width: 290px;padding: 0 26px ;display: none;}
#demo li.cup .txt{display: block;}
#demo li.cup .txt h3{padding-top: 58px;line-height: 100%;color: #414040;}
#demo li.cup .txt p{font-size: 13px;color: #414040;line-height: 24px;padding-top: 16px;text-align:left;}
#demo li .txt .more{margin-top: 12px;}


#f4 {background: #eee;}
#f4 .scener{margin-top: -182px;}
.index-mod{width: 375px;float: left;}
.index-mod .head{}
.index-mod .head h3{font-size: 24px;color: #353535;line-height: 100%;}
.index-mod .head h3 span{margin-left: 5px;font-weight: normal;font-size: 14px;color: #000;text-transform: uppercase;}
.index-mod .body{background: #FFF;margin-top: 16px;height: 410px;
-moz-box-shadow: 2px 2px 10px #909090;
-webkit-box-shadow: 2px 2px 10px #909090;
box-shadow:0px 1px 5px  rgba(0,0,0,0.25);}
.index-mod .body .pic img{height: 200px;}
.index-mod .body .more{margin-top:2px;margin-left: 15px;text-align:center;}

.index-about .body .txt{padding: 14px 15px 0;font-size: 14px;line-height: 26px;color: #525252;}

.index-media{margin-left: 37px;}
.index-media ul{padding: 9px 15px 0;}
.index-media li{padding-left: 20px;font-size: 14px;line-height: 32px;height: 32px;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis; background:url(../images/ico7.jpg) no-repeat left center;}
.index-media li a{color: #494949;}
.index-media li a:hover{color: #e71e17;}

/*子公司页面*/
.bk95{height: 95px;overflow: hidden;clear: both;}
.banner a{display: block;height: 618px;}

.breadcrumb_trail{height: 52px;background: #f0f0f0;line-height: 52px;}
.breadcrumb_trail p{padding-left: 34px; background:url(../images/ico8.jpg) no-repeat 2px center;font-size: 14px;color: #535353;}
.breadcrumb_trail p a{color: #535353;}
.breadcrumb_trail p a:hover{color: #e71e17;}

.sub-nav{border-bottom: 1px solid #e81f18;height: 50px;}
.sub-nav a{float: left;width: 20%;display: block;padding: 6px 0;line-height: 38px;text-align: center;font-size: 12px;color: #e81f18;    height: 38px;overflow: hidden;}
.sub-nav a span{display: block;border-right: 1px solid #d3d2d2;}
.sub-nav a.on,
.sub-nav a:hover{color: #B32E00;font-weight:bold}



.box_about{float: left;margin-top: 22px;width: 842px;}
.box_about .head{height: 38px;line-height: 38px;background: #f0f0f0;}
.box_about .head h3{float: left;padding: 0 18px;background: #e81f18;font-size: 16px;color: #fff;}
.box_about .body{border: 1px solid #ececec;border-top: 0;padding: 20px 23px 10px;min-height: 394px;}
.box_about .body .pic{padding: 3px;border: 1px solid #d1cecf;}
.box_about .body .pic img{width: 100%;max-height:202px;}
.box_about .body .txt{padding: 14px 0 0;font-size: 14px;line-height: 22px;color: #5f5f5f;}
.box_about .body .txt p{text-indent: 2em;}
.box-mod2{float: right;width: 325px;}
.box-mod2 .head{height: 37px;line-height: 37px;background: #e81f18;color: #fff;font-size: 16px;}
.box-mod2 .head h3{float: left;font-weight: normal;margin-left: 20px;}
.box-mod2 .head .sub_more{float: right;font-size: 14px;color: #FFF;margin-right: 14px;}
.box-mod2 .head .sub_more:hover{text-decoration: underline;}
.box-mod2 .body{padding: 14px 16px 0;height: 173px;border: 1px solid #ececec;border-top: 0;}


.box-notice{margin-top: 20px;}
.box-notice .body{padding-top: 4px;height: 183px;}
.box-notice .body li{font-size: 14px;line-height: 30px;height: 30px;overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;
text-overflow: ellipsis;}
.box-notice .body li a{color: #414040;}
.box-notice .body li a:hover{color: #e81f18;}

.box-contact{margin-top: 15px;}
.box-contact .body p{font-size: 14px;line-height: 30px;padding-left: 40px;position: relative;color: #414040;}
.box-contact .body p span{position: absolute;left: 0;}
.box-contact .body1 p{font-size: 14px;line-height: 30px;padding-left: 60px;position: relative;color: #414040;}

.pro-introduction{margin-top: 20px;}
.pro-introduction .head{height: 25px;border-bottom: 1px solid #f0f0f0;}
.pro-introduction .head h3{float: left;padding: 0 18px;line-height: 100%;height: 24px;border-bottom: 3px solid #e81f18;font-size: 16px;color: #e81f18;}
.pro-introduction .head .sub_more{float: right;font-size: 14px;color: #e81f18;margin-right: 14px;}
.pro-introduction .head .sub_more:hover{text-decoration: underline;}

.list-introduction{}
.list-introduction li{margin-top: 20px;padding: 20px 220px 20px 22px;background: #f6f6f6;overflow: hidden;}
.list-introduction li .pic{float: left;width: 298px;}
.list-introduction li .pic img{width: 298px;height: 224px;}
.list-introduction li .txt{margin-left: 322px;}
.list-introduction li .txt h3{padding-top: 16px;line-height: 100%;font-weight: bold;}
.list-introduction li .txt h3 a{color: #7d7d7d;font-size: 22px;}
.list-introduction li .txt h3 a:hover{color: #e81f18;}
.list-introduction li .txt p{padding-top: 20px;padding-bottom: 40px;font-size: 14px;line-height: 180%;color: #8f8f8f;}
.list-introduction li .txt .mo{color: #ff8712;font-size: 14px;}
.list-introduction li .txt .mo:hover{text-decoration: underline;}



.swiper2{ overflow:hidden;margin-top:6%; margin-bottom:3%;}
.swiper2 .swiper-pagination {width: 100%; bottom:10px; display:none;}
.swiper2 .swiper-pagination-bullet{opacity:1; background:rgba(194,27,111,0.3); margin:0 5px!important; width:10px; height:10px; border-radius:50%;}
.swiper2 .swiper-pagination-bullet-active{background:rgba(194,27,111,1);}
.swiper2 .swiper-container {width: 100%; height:100%; overflow:hidden; position:relative; }
.swiper2 .swiper-slide{ display:flex; flex-direction:row; flex-wrap:nowrap; }
.swiper2 .swiper-slide .al-img{ width:50%; position:relative; box-sizing:border-box; padding-right:4%;}
.swiper2 .swiper-slide .al-img img{ width:100%;}
.swiper2 .swiper-slide .al-img > p{ width:auto; padding:10px 20px; background-color:#FFF; font-size:16px; font-weight:bold; position:absolute; right:8%; bottom:0; color:#7f7f7f;}
.swiper2 .swiper-slide .al-img > p > span{ color:#e81f18; font-size:20px;}
.swiper2 .swiper-slide .al-about{ width:50%; box-sizing:border-box;color:#fff; align-self:center; transform:translateY(-20px); -webkit-transform:translateY(-20px);}
.swiper2 .swiper-slide .al-about > h3 > p{font-size: 42px;text-align: left;}
.swiper2 .swiper-slide .al-about > p{ line-height:24px; font-size:14px; margin-top:4%; margin-bottom:0%; height:auto; max-height:190px; overflow:hidden;text-align:left;}
.swiper2 .swiper-slide .al-about > h4{ font-size:15px; text-transform:uppercase; text-align:left;}
.swiper2 .swiper-slide .al-about > h4 a{color:red;}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ background-image:url(none); top:auto; bottom:0;left:50%; }
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ width:32px; height:32px; line-height:32px; text-align:center; background-color:rgba(205,205,205,1)}
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:16px; color:#FFF;}
.swiper2 .swiper-button-next{ right:0; transform:translateX(42px); -webkit-transform:translateX(42px);}
.swiper2 .swiper-button-prev{ left:50%;}
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{  background-color:rgba(232,31,24,1); color:#000;}




/*响应式导航*/
.gh {
	height: 34px;
	width: 34px; float:left; cursor:pointer; display:none; z-index:999; top:50%;
	position:absolute; left:0; top:0;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	cursor: pointer;
	display: none;
	z-index: 9999;
}
.gh.selected {
	transform: rotate(90deg);
}
.gh a {
	background-color: #e81f18;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}
.gh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}
.gh a:after, .gh a:before {
	background-color: #e81f18;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	width: 100%;
}
.gh a:after {
	top: 10px;
}
.gh a:before {
	top: -10px;
}
.gh.active a:after, .gh.active a:before {
	top: 0;
	background: #e81f18;
}
.gh.active a:before {
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}
.gh.active a:after {
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}
.gh.active a {
	background-color: transparent !important;
}

@media only screen and (max-width:1200px) {
.wrapper{width:auto;margin: 0 15px;}

	.gh{ display:block;left: auto;right: 10px; top: 50%;margin-top: -17px; }
	
	.selected .gh{ right:10px; left:auto; background:none;}
	.header .nav{background:rgba(0,0,0,0.9); position:fixed; left:0; width:100%; top:0; height:100%; z-index:999; margin-top:0; -webkit-animation:none !important; display:none;
    -ms-animation: none !important;
    animation:none !important;transition: all 0.1s ease-in-out 0s;}
	.header.selected .nav{ left:0;transition: all 0.1s ease-in-out 0s;}
	.header.selected .gh{background:none; }
	
	.header{position: static;padding: 20px 0;height: auto;}
	.header .logo{padding-top: 0;}
	.header .nav ul{padding-top: 80px;float: none;}
	.header .nav li{float: none;width: 80%;margin-left: 10%;padding: 5px 0;height: auto;line-height: 40px;height: 40px;overflow: hidden;}
	.header .nav li i{display: none;}
	.header .nav li span a{float: none;font-size: 18px;text-align: center;width: auto;height: auto;padding: 0;height: 46px;color: #FFF;}
	.header .nav li.on span a,
	.header .nav li:hover span a{background: none;	}
	
	.header .nav li .sub,
	.header .nav li:hover .sub,
	.header .nav li.on .sub{left: -999px;display: none !important;}
	.header .nav li.selected span a, .header .nav li span a:hover{background: none;}
	.header .nav .fl{display: none;}
	
	
	.dn{display: none;}
	.QietuScenerNav{display: none;}
	.QietuScenerPage{padding:10px 0;height: auto !important;}
	.scener{ position:static;margin-top:0 !important;}
	
	.index-focus{position: static ;height: auto !important;margin-top:0;}
	.index-focus .bd li a{height: auto !important;padding-top: 53%;}
	.index-news{margin-bottom:10px;}
	.index-notices{margin-top: 10px;float: right;width: 49%;}
	.index-notices .head{float: none;width: auto;clear: both;height: 50px;}
	.index-notices .head i{display: none;}
	.index-notices .head h3{position: static;margin-top: 0;margin-left: 20px;float: left;padding-left: 45px;line-height: 50px;width: auto;padding-top: 0; background-position:left center;-webkit-background-size:auto 70%;	background-size:auto 70%;}
	.index-notices .body{width: auto;padding: 15px 1.7% 0;float:none;}
	.index-notices .body .top h3{overflow: hidden;-ms-text-overflow: ellipsis;	text-overflow: ellipsis;white-space: nowrap;}
	.index-notices .body .top p{overflow: hidden;-ms-text-overflow: ellipsis;	text-overflow: ellipsis;white-space: nowrap;}
	.index-notices .body li{padding-right: 90px;position: relative;white-space: nowrap;overflow: hidden;-ms-text-overflow: ellipsis;	text-overflow: ellipsis;}
	.index-notices .body li span{position: absolute;right: 0;background: #FFF;padding-left: 10px;}
	.index-notices .foot{float:none;width: auto;padding: 15px 1.7% 10px;height:auto;}
	.index-notices .foot a img{width: 100%;height: auto;}
	
	
	.index-news{float: left;}
	.focusBox{height: auto;}
	.focusBox .pic li img{width: 100%;height: auto;}
	
	#f3{padding-top: 30px;}
	#demo{width: auto;height: auto;}
	#demo li{width: 49.5% !important;float: left;margin-bottom: 10px;}
	#demo li:nth-child(2n){float: right;}
	#demo li img{width: 100%;height: auto;}
	#demo li div.v{display: none !important;}
	#demo li .txt{display: block;position: static;width: auto;padding-top: 30px;padding-bottom: 20px;}
	#demo li.cup .txt h3{padding: 0;}
	
	
	
	#f4{background: #FFF;padding: 20px 0 1px;}
	.index-mod{width: 32%;margin-right: 2%;margin-left: 0;margin-bottom: 20px;}
	.index-mod:nth-child(3n){margin-right: 0;}
	.index-mod .body img{width: 100%;height: auto;}
	.index-about .body .txt{height: 132px;overflow: hidden;}
	
	.index-media li{overflow: hidden;}
	
	.footer .footer-item{float: left;margin-bottom: 10px;width: 50%;text-align: center;}
	.footer .footer-item .con{overflow: hidden;}
	.footer .footer-item .con li{display: inline-block;*display: inline;*zoom: 1;margin-right: 10px;}
	.footer .footer-ewm{float: none;clear: both;margin: 10px auto;height: auto;}
	
	/*子*/
	.banner a{height: auto;padding-top: 42%; -webkit-background-size:auto  100% !important;	background-size:auto 100% !important;}
	.box_about{width: auto;float: none;clear: both;}
	.box_about .body{height: auto;}
	
	.box-notice,
	.box-contact{float: left;width: 49%;margin-top: 20px;}
	.box-contact{float: right;}
	
	.list-introduction li{padding-right: 50px;}
}
@media (max-width:992px){
	.header{}
	.header > .hd-con{ width:100%; padding-top:10px; padding-bottom:10px;}
	.nav > .nav-list > ul > li > a{ height:40px; line-height:40px; height:40px;}
	.nav > .nav-list > ul > li{ font-size:12px;}
	.header > .hd-con > .site{ margin-bottom:0; padding-right:10px;}
	.header > .hd-con > .phone{ width:212px; height:40px; margin-top:-20px;}
	.header > .hd-con > .banner{ display:none;}	
	
	.col-header > h3{ font-size:24px;}
	
	.swiper2 .swiper-slide .al-about > h3 > p:nth-of-type(1){ font-size:16px;}
	.swiper2 .swiper-slide .al-about > h3 > p:nth-of-type(2){ font-size:36px; color:#e8d4ba; text-transform:capitalize;}
	.swiper2 .swiper-slide .al-about > p{ line-height:20px; font-size:12px; margin-top:3%; margin-bottom:3%; height:auto; max-height:70px;}
	
	.news-list > ul > li{ width:48%;}
	.news-list > ul > li > .nl-about > h3,.news-list > ul > li > .nl-date > h3{ font-size:14px; line-height:30px; overflow:hidden;}
	.news-list > ul > li > .nl-about > p,.news-list > ul > li > .nl-date > p{font-size:12px; line-height:20px; max-height:60px; overflow:hidden;}
	.news-list > ul > li > .nl-date > p{ height:20px;}
	
}
@media only screen and (max-width:800px) {
		.header .logo img{height:50px;width: auto;}
	
        .swiper2 .swiper-slide .al-about > h3 > p:nth-of-type(1){ font-size:16px;}
	.swiper2 .swiper-slide .al-about > h3 > p:nth-of-type(2){ font-size:36px; color:#e8d4ba; text-transform:capitalize;}
	.swiper2 .swiper-slide .al-about > p{ line-height:20px; font-size:12px; margin-top:3%; margin-bottom:3%; height:auto; max-height:70px;}
}
@media (max-width:768px){	
	.swiper2 .swiper-slide .al-about > h3 > p:nth-of-type(1){ font-size:14px;}
	.swiper2 .swiper-slide .al-about > h3 > p:nth-of-type(2){ font-size:24px; color:#e8d4ba; text-transform:capitalize;}
	.swiper2 .swiper-slide .al-about > p{ line-height:20px; font-size:12px; margin-top:2.5%; margin-bottom:2.5%; height:auto; max-height:60px;}
	
}




@media only screen and (max-width:640px) {
	
	
	#demo li{width:100% !important;float: none;margin-bottom: 10px;}
	.header .logo img{height:46px;width: auto;}
		
	.index-focus .hd{bottom: 3%;}
	.index-focus .hd span{width: 12px;height: 12px; border-radius:50%}
	
	
	.index-notices{margin-top: 10px;float: none;width: 100%;}
	
	
	.index-mod{float: none;margin-right: 0;width: 100%;}
	
	.sub-nav{padding: 10px 0 5px;height: auto;overflow: hidden;}
	.sub-nav a{width: auto;padding: 0;margin: 0 5px 5px;}
	.sub-nav a span{padding: 0 8px;border-right: 0;}
	
	.box-notice,
	.box-contact{float: none;width: 100%;}
	.box_about .body{padding: 15px;}
	.list-introduction li{padding: 15px;}
	.list-introduction li .pic{float: none;width: 100%;}
	.list-introduction li .pic img{width: 100%;height: auto;}
	.list-introduction li .txt{margin-left: 0;}
	.list-introduction li .txt p{padding-bottom: 20px;}
	
	.swiper2 .swiper-slide .al-img > p{ padding:5px 10px; font-size:12px;}
	.swiper2 .swiper-slide .al-img > p > span{ font-size:14px;}
	.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ width:24px; height:24px; line-height:24px;}
	.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:14px;}
	.swiper2 .swiper-button-next{ right:0; transform:translateX(32px); -webkit-transform:translateX(32px);}
	.swiper2 .swiper-slide .al-img{ width:100%; padding-right:0;}
	.swiper2 .swiper-slide .al-img > p{ right:0;}
	.swiper2 .swiper-slide .al-about{width: 100%;position: absolute;color: #fff;padding: 10%;}
        .swiper2 .swiper-slide .al-about > p{line-height:20px;font-size:12px;margin-top:0%;margin-bottom:0%;height:auto;max-height: 64px;}
	.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ bottom:auto; top:50%; margin-top:-12px;}
	.swiper2 .swiper-button-next{ left:auto; right:0; transform:translateX(0); -webkit-transform:translateX(0);}
	.swiper2 .swiper-button-prev{ left:0;}
	
}

@media only screen and (max-width:400px) {
	.index-focus .hd span{width: 8px;height: 8px;
}